<template>
  <div>
    <Header />
    <TypeNav />
    <ListContainer />
    <Recommed />
    <Like />
    <Floor
      v-for="(floor, index) in getFloorList"
      :key="floor.index"
      :list="floor"
    />

    <Brand />
    <Footer />
  </div>
</template>

<script>
import Footer from "@/components/Footer";
import Brand from "./Brand";
import Floor from "./Floor";
import Like from "./Like";
import Recommed from "./Recommed";
import ListContainer from "@/components/ListContainer";
import TypeNav from "@/components/TypeNav";
import Header from "@/components/Header";
import { mapState } from "vuex";
export default {
  name: "Home",
  components: {
    Header,
    TypeNav,
    ListContainer,
    Recommed,
    Like,
    Floor,
    Brand,
    Footer,
  },
  mounted() {
    this.$store.dispatch("getFloorList");
    this.$store.dispatch("getUserInfo");
  },
  computed: {
    ...mapState({
      getFloorList: (state) => {
        return state.Home.getFloorList;
      },
    }),
  },
};
</script>

<style></style>
